<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第二章</title>
    <style>
        h2{
            color: black;
            background: green;
        }

    </style>
</head>
<body>
<h2 style="color: black ; background: green ; ">强调语气标签</h2>
<div>
    菲茨杰拉德， <em>二十世纪美国文学巨擘之一</em>，兼具作家和编剧双重身份。
    <strong>他以诗人的敏感和戏剧家的想象</strong>为"爵士乐时代"吟唱华丽挽歌，
    其诗人和梦想家的气质亦为那个奢靡年代的不二注解

</div>

<!--============================分割线===============================-->
<h2 style="height: 60px;line-height: 60px ;background: yellow" >强调语气标签 双引号</h2>


最初知道庄子，是从一首诗<q>庄生晓梦迷蝴蝶。望帝春心托杜鹃。</q>开始的。虽然当时不知道是什么意思，只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》，《逍遥游》代表了庄子思想的最高境界，是对世俗社会的功名利禄及自己的舍弃。


<!--============================分割线===============================-->
<h2 > blockquote 标签，长文本引用  两边缩减</h2>


<blockquote>明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，思归多苦颜。高楼当此夜，叹息未应闲。汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，汉下白登道，胡窥青海湾。由来征战地，不见有人还。 戍客望边色，</blockquote>

<!--============================分割线===============================-->
<h2> 使用br标签分行显示文本</h2>

怎么可以让每一句诗词后面加入一个折行呢？那就可以用到<br />标签了在需要加回车换行的地方加入<br /> 标签作用相当于word文档中的回车。

<!--============================分割线===============================-->
<h2> 使用br标签分行显示文本</h2>
在上一节的例子，我们已经讲解过在html代码中输入空格,回车&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp都是没有作用的。要想输入空格，必须写入;


<!--============================分割线===============================-->
<h2> 认识 hr 标签，添加水平横线</h2>
<hr/>标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改

<!--============================分割线===============================-->
<h2> address标签，为网页加入地址信息  在浏览器上显示的样式为斜体 </h2>

<address>
    本文的作者：<a href="mailto:lilian@imooc.com">lilian</a>
</address>

<p>超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!公司地址：<address>北京市西城区德外大街10号</address> </p>


<!--============================分割线===============================-->
<h2> 想加入一行代码吗？使用code标签 </h2>


<p>我们可能知道水平渐变的实现，类似这样：<code>{background-image:linear-gradient(left, red 100px, yellow 200px);}</code></p>

<!--============================分割线===============================-->
<h2> pre>标签为你的网页加入大段代码 </h2>

<pre>var message="欢迎";
for(var i=1;i<=10;i++)<br>
{<br>
    alert(message); <br>
}<br></pre>






</body>
</html>